<template>
	<view class="bg-gray">
		<view class="width">
			<ordersingle :order='true' :time='true'></ordersingle>
			<view class="boxin bg-white font15">
				<view class="flex-row-between boxitem">
					申请原因
					<view class="flex-row-between">
						请选择<u-icon name='arrow-right'></u-icon>
					</view>
				</view>
				<view class="boxitem">
					说明
					<view class="liuyan">
						<u-input
						    type='textarea'
							placeholder="请输入"
							class="mobile"
							v-model="liuyan"
						/>
					</view>
				</view>
			</view>
			<view class="apply">
				<u-button type="primary" shape='circle'>确 定</u-button>
			</view>
		</view>
	</view>
</template>

<script>
import storage from "@/utils/storage.js"; //缓存
import ordersingle from "@/components/huashuiwan/ordersingle.vue";
export default {
	data() { 
		return {
			bgimg:'https://www.haopengsong.xyz/static/movie/songdetail.png',
			liuyan:'',
			carouselImage:[
				{ name:'https://www.haopengsong.xyz/static/movie/songbg.png'}
			]
		};
	},
	components: {
		ordersingle
	},
	/**
	 * 页面加载
	 */
	onLoad(options) {
		
	},
	/**
	 * 页面显示
	 */
	onShow() {
		
	},
	/**
	 * 触底事件
	 */
	onReachBottom() {
		
	},
	/**
	 * 下拉刷新
	 */
	onPullDownRefresh() {
		
	},
	/**
	 * 页面滚动
	 * @param {Object} e
	 */
	onPageScroll(e) {
		
	},
	mounted() {
		
	},
	methods: {
		jump(res){
			uni.navigateTo({
				url: res
			});
		}
	}
};
</script>

<style scoped lang="scss">
	.apply{
		margin-top: 20px;
	}
	.listtype{
		white-space: nowrap;
		.type{
			display: inline-block;
			padding: 0 15px;
			.arr{
				width: 20px;
				height: 5px;
				display: block;
				opacity: 0;
				margin: 8px auto 0;
			}
		}
		.cur{
			.arr{
				opacity: 1;
			}
			color: #499C43;
		}
	}
</style>